﻿<!doctype html>
<html class="signin no-js" lang="">
<head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
    <title>Cameo |  登陆  </title>
    <!-- css -->

    <link rel="stylesheet" href="/static/admin/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/admin/css/font-awesome.min.css">

    <link rel="stylesheet" href="/static/admin/css/main.css">
    <link rel="stylesheet" href="/static/admin/css/palette.css" id="skin">
    <script src="/static/admin/js/jquery.min.js"></script>
<style>
.center-wrapper{
    height: 100vh;
    width: 100vw;
    background-image: url(./images/bg.png);
    background-size: cover;
}

.login-box{
    border: 3px solid #2DCB73;
}
.login-box>.panel-heading{
    padding-top: 10px;
    background: #2DCB73;
    text-align: center;
    color: #ffffff;
    /* font-weight: bold; */
    font-size: 16px;
    height: 40px;
    /* line-height: 40px; */
}

.media-login{
    margin: 10vh auto;
}
.media-login .user{
    padding-top: 20px;
}

@media (min-width: 1200px){
    .media-login{
        width: 400px;
    }
}

@media (min-width: 768px){
    .media-login{
        width: 400px;
    } 
}
@media (max-width: 767px){
    .media-login{
        padding: 0 10px;
    }   
}
</style>
</head>
<body>
    
<div class="bg-color center-wrapper">
    <div class="center-content" id="app">
        <!-- <div class="row"> -->

            <div class="media-login">

                <section class="panel panel-default login-box">
                    <header class="panel-heading">登陆</header>

                    <div class="bg-white user pd-lg">

                        <!-- <h6> <strong>欢迎</strong>登陆! </h6> -->

                        <div role="form" action="" id="login" class="pd-sm">

                            <input type="text" class="form-control mg-b-sm" placeholder="账号" @keyup.enter="changeFocus($event)"
                                name="username" autofocus>
                            <input type="password" class="form-control mg-b-sm" placeholder="密码" name="password"
                                @keyup.enter="login">

                            <div class="col-xs-6 pull-left">
                                <input 
                                    type="text" 
                                    class="form-control col-xs-3" 
                                    placeholder="验证码" 
                                    name="captcha">
                                </div>
                                <div class="col-xs-6 pull-left">
                                    <img 
                                        src="/static/admin/picture/verify.html" 
                                        alt="点击更换验证码" 
                                        width="50px"
                                        class=""
                                        onclick="javascript:this.src = this.src+'?'+Math.random()">
                                </div>
                            </div>

                            <div class="row" style="margin-top: 50px;">
                                <label class="checkbox pull-left">
                                    <!-- <input type="checkbox" value="remember-me" checked>记住账号 -->
                                </label>
                                <div class="text-right mg-b-sm mg-t-sm">
                                    <a href="javascript:;">忘记密码?</a>
                                </div>
                                <button class="btn btn-info btn-block" type="button" style="margin-top: 20px;">登陆</button>
                            </div>
 
                        </form>
                    </div>
                </section>
            </div>

        <!-- </div> -->

    </div>
</div>


</body>
</html>
<!-- js -->
    <!-- bootstrap -->
    <script src="/static/admin/js/bootstrap.js"></script>

    <!-- 处理 移动端点击延迟事件  -->
    <script src="/static/admin/js/fastclick.js"></script>

    <!-- 滑动导航栏 -->
    <script src="/static/admin/js/off-canvas.js"></script>
    <script src="/static/admin/js/main.js"></script>
    <script src="/static/admin/js/panel.js"></script>
